$assistantColor = #fff
$mainColor = #f00
$grayColor = #c4c4c4
$blackColor = #6b6b6b
$lowerGrayColor = #eee
$blackFont = #3b3b3b

// box-sizing
boxSizing(type)
  -webkit-box-sizing type
  -moz-box-sizing type
  box-sizing type

center()
  position absolute;
  top 50%
  left 50%
  transform translate(-50%, -50%)
centerTop(top)
  position fixed;
  top top
  left 50%
  transform translateX(-50%)

// paddingTop和paddingButtom
ptb(val)
  padding-top val
  padding-bottom val
// paddingLeft和paddingRight
plr(val)
  padding-left val
  padding-right val
// borderRadius
borderRadius(val)
  -webkit-border-radius val
  -moz-border-radius val
  -ms-border-radius val
  -o-border-radius val
  border-radius val

// bgImage和size
backgroundImage($url)
  background-image url($url)
  background-repeat no-repeat
  background-size 100% 100%
removeSelect()
  -webkit-user-select none
  -moz-user-select none
  pointer-events: none


// filter blur
filterBlur(val)
  -webkit-filter: blur(val);
  -moz-filter: blur(val);
  -o-filter: blur(val);
  -ms-filter: blur(val);
  filter: blur(val);
// 垂直居中
verticalMiddle()
  position absolute
  top 50%
  transform: translateY(-50%)
// 水平居中
horizontalMiddle()
  position absolute
  left 50%
  transform translateX(-50%)

.verticalLine
  box-sizing border-box
  line-height 0
  background-color rgb(232, 232, 232)
  width 1px
  height 1rem
  float left
.borderTopOnePx:after
    content " "
    position absolute
    left 0
    top 0
    width 100%
    height 1px
    background-color $grayColor
    -webkit-transform-origin 0 0
    -ms-transform-origin 0 0
    transform-origin 0 0
    -webkit-transform scaleY(0.5)
    -ms-transform scaleY(0.5)
    transform scaleY(0.5)
.borderBottomOnePx
  position relative
.borderBottomOnePx:after
  content " "
  position absolute
  left 0
  bottom 0
  width 100%
  height 1px
  background-color $grayColor
  -webkit-transform-origin 0 0
  -ms-transform-origin 0 0
  transform-origin 0 0
  -webkit-transform scaleY(0.5)
  -ms-transform scaleY(0.5)
  transform scaleY(0.5)


